body {
	font-size: 62.5%;
	font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}

table {
	font-size: 1em;
	line-height:25px;
}

.demo-description {
	clear: both;
	padding: 12px;
	font-size: 1.3em;
	line-height: 1.4em;
}

.ui-draggable, .ui-droppable {
	background-position: top;
}

.lbl{
font-weight:bold;
text-align:right;
padding-right:5px;
}


.frame{
width:100%; 
height:100%;
 z-index:-1; 
  position:absolute;
   top:0;
    left:0;
} 
.leftPanel{
width:250px;
 height:100%; 
  
 position:absolute;
 
}
.logo{
 
text-align:center;
}
.logo img{
width:32px;
height:32px;
}
.leftPanelHeader,.header{
height:30px; 
background-color:#999999; 
 
color:#FFFFFF;
 text-align:center; 
 vertical-align:middle;
  display:table-cell;
   width:inherit;
   font-size:14px;
   font-weight:bold;
   text-transform:capitalize;
}
#divFrame{
margin-left:250px; 
 
 width:auto;
 
}

.userHeader{
width:inherit;
height:32px;
}
.pageHeader{
height:25px; 
background-color:#999999; 
 
color:#FFFFFF;
padding-left:5px;
padding-top:5px;
text-transform:capitalize;
 
 vertical-align:middle;
 
   width:inherit;
   font-size:14px;
   font-weight:bold;
   
}
.content{
margin-left:50px;
}

 table.grid{
width:100%;
line-height:25px;

}
 
div.grid_holder{
min-width:750px;
max-width:750px;
overflow:auto;
min-height:500px;
max-height:500px;
border:1px solid #666666;
}
table.grid {
	font-size: 1em;
	line-height:20px;
}
 
table.grid td,table.grid th{
 
font-weight:normal;
border:0.1em dotted;
}
.hide{
	display:none;
}
 div.header{
 text-transform: capitalize;
 }
 input{
 text-transform: uppercase;
 }
 .content{
 display:none;
 }
 